.page-container {
    margin-top: -25px;
}

.backlogs-container > [class^="span"] {
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-left: 0.5% !important;
}

.backlogs-container > .span3 {
    width: 24.5% !important;
}

.backlogs-container > .span3:nth-of-type(1) {
    margin-left: 0 !important;
}

.backlogs-container > .span5 {
    width: 50%;
}

.product-backlog > hr {
    margin-top: 10px;
    margin-bottom: 10px ;
}

[class$="-backlog"] {
    position: relative;
    padding-top: 12px;
    padding-bottom: 15px;
}

[class$="-backlog"] > .title {
    padding: 2px;
    position: absolute;
    top: -23px;
    left: 20px;
    background-color: #fff;
    position: absolute;
}

.user-story-filter {
    margin: 0;
    margin-top: 23px;
    padding: 0;
}

.user-story {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    padding: 10px;
    width: 240px;
    font-size: 0.8em;
    text-align: left;
    border: 1px solid;
    border-radius: 3px;
}

.user-story .content {
    margin: 0;
}

.user-story .priority {
    position: absolute;
    top: 10px;
    right: 15px;
}

[class$="-ctrl"] {
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
}

.to-do, .unsolved {
    color: #c34b4c;
    border-color: #bfadad;
    background-color: #f2dedf;
}

.in-progress {
    color: #5a88c6;
    border-color: #acb8c6;
    background-color: #d9edf6;
}

.done {
    color: #478949;
    border-color: #adb9ad;
    background-color: #e0efd8;
}

.new {
    background-color: #fcc;
}

.status {
    display: inline;
    border: 0;
}

.user-story .description {
    padding-right: 10px;
}
.user-story .name {
    padding-right: 25px;
}

.user-story-form {
    margin: 10px auto;
    width: 240px;
}
#loadSpinnerImage{
    left: 2px;
    position: relative;
    top: 159px;
    z-index: 999;
}

#resultChart {
    height: 350px;
}
